<html><head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        html, body {
            height: 100%;
        }

        body {
            background: #082330;
            background-size: .12em 100%;
            font: 16em/1 Arial;
        }

        .text--line {
            font-size: .5em;
        }

        svg {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .text-copy {
            fill: none;
            stroke: white;
            stroke-dasharray: 7% 28%;
            stroke-width: 3px;
            -webkit-animation: stroke-offset 6s 1 linear both;
            animation: stroke-offset 6s 1 linear both ;
        }
        .text-copy:nth-child(1) {
            stroke: #7a4a8a;
            stroke-dashoffset: 7%;
        }
        .text-copy:nth-child(2) {
            stroke: #D61C59;
            stroke-dashoffset: 14%;
        }
        .text-copy:nth-child(3) {
            stroke: #E7D84B;
            stroke-dashoffset: 21%;
        }
        .text-copy:nth-child(4) {
            stroke: #EFEAC5;
            stroke-dashoffset: 28%;
        }
        .text-copy:nth-child(5) {
            stroke: #1B8798;
            stroke-dashoffset: 35%;
        }

        @-webkit-keyframes stroke-offset {
            50% {
                stroke-dashoffset: 35%;
                stroke-dasharray: 0 87.5%;
            }
        }

        @keyframes stroke-offset {
            50% {
                stroke-dashoffset: 35%;
                stroke-dasharray: 0 87.5%;
            }
        }

    </style>
</head>
<body>
<svg viewBox="0 0 800 600">
    <symbol id="s-text">
        <text text-anchor="middle" x="50%" y="35%" class="text--line">
            尚德机构
        </text>
        <text text-anchor="middle" x="50%" y="68%" class="text--line2">
            <!--教育-->
        </text>

    </symbol>

    <g class="g-ants">
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#s-text" class="text-copy"></use>
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#s-text" class="text-copy"></use>
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#s-text" class="text-copy"></use>
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#s-text" class="text-copy"></use>
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#s-text" class="text-copy"></use>
    </g>


</svg>

</body></html>